body{
    font-family: 'Metropolis', "PingFang", "Microsoft YaHei", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

//鼠标指针工具类
.pointer {
    cursor: pointer;
}
.text {
    cursor: text;
}

//更改header图片间距
.page-header-content {
    padding-top: 4.5rem;
    padding-bottom: 0.7rem;
}

//更改容器边距, 更加适合官方网站
.container,
.container-fluid {
    padding-left: $spacer;
    padding-right: $spacer;
}
//@media (min-width: 1300px) {
//    .container{
//        max-width: 1180px;
//    }
//}

//更改导航条
.navbar-marketing {
    transition: all 0.5s ease-in-out;
    .navbar-brand{
        img {
            height: 2.7rem;
        }
    }
}
//更改navbar-dark默认颜色
.navbar-marketing.navbar-dark.navbar-scrolled {
    background: $cse-blue !important;
    //background: url("/assets/img/background/nav-bg.jpg") repeat-x;
}
//当页面小于xs时
@include media-breakpoint-down(xs) {
    .navbar-marketing{
        padding-top: 0.65rem !important;
        padding-bottom: 0.65rem !important;
    }
}
//当页面小于md的时候:
@include media-breakpoint-down(md) {
    .navbar-marketing.bg-transparent.navbar-dark {
        background: $cse-blue !important;
    }
    .navbar-marketing{
        padding-top: 1rem;
        padding-bottom: 1rem;
        .navbar-brand img{
            height: 2rem;
        }
    }
}
@include media-breakpoint-only(lg){
    .navbar-marketing .navbar-brand img{
        height: 2.4rem;
    }
}

//下拉框大小调整,更加适合中文
.dropdown-lg {
    .dropdown-menu {
        min-width: 26rem;
        overflow: hidden;
        font-size: 0.95rem;
        .dropdown-header {
            font-size: 0.9rem;
        }
    }
}
.navbar {
    .dropdown-menu{
        font-size: 0.95rem;
    }
}
.dropdown-menu{
    min-width: 9rem;
}
@include media-breakpoint-down(sm) {
    .dropdown-lg {
        .dropdown-menu {
            min-width: 9rem;
        }
    }
}

//project-color
.bg-gradient-cse {
    background-color: $cse-blue;
    background-image: linear-gradient(
            135deg,
            rgb(16,126,223) 0%,
            fade-out(rgb(19,56,196), 0.5) 100%
    );
}
.bg-cse {
    color: rgba(255, 255, 255, 0.7) !important;
    background-color: $cse-blue !important;
}
.text-cse {
    color: $cse-blue !important;
}
.text-lzu{
    color: $lzu-gray;
}
.text-inherit{
    color: inherit;
}
a.text-solid-href{
    color: $gray-600;
    text-decoration: none;
    &:hover{
        color: $dark;
    }
}
a.a-decoration-none{
    text-decoration:none;
    out-line: none;
    color: inherit
}

//分页栏自定义样式 sb-pagination
.b-pagination-pills .page-item .page-link{
    border-radius: 0.35rem !important;
    margin-left: 0;
    line-height: 1.22;
}

//input样式补全
.input-group-joined {
    border-color: #c5ccd6;
    border-width: 1px;
    border-style: solid;
    border-radius: 0.35rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    .input-group-append{
        .input-group-text{
            padding-left: 0;
            border: none;
        }
    }
    .form-control{
        border: none;
        &:focus{
            box-shadow: none;
        }
    }
}
.input-group-joined.input-group-solid {
    border: 0;
    background-color: #ecf0f6;
    .form-control,
    .input-group-text{
        background-color: transparent;
    }
}

//text-size
.text-s{
    font-size: 1rem !important;
}
.text-m{
    font-size: 1.25rem !important;
}
.text-l{
    font-size: 1.5rem !important;
}
.text-xl{
    font-size: 1.75rem !important;
}

//badge样式
.badge-gray-soft{
    color: #3e4b5fed;
    background-color: #d3dbe6ed;
}

//文本缩进
.text-indent-2{
    text-indent: 2rem;
    p img {
        margin-left: -2em;
    }
}
//文章header
.post-header{
    padding-top: 5rem;
    .header-title {
        font-size: 1.6rem;
    }
}
@include media-breakpoint-only(lg) {
    .header-title {
        font-size: 1.5rem;
    }
}
@include media-breakpoint-down(md) {
    .post-header {
        padding-top: 4.5rem;
        .header-title {
            font-size: 1.2rem;
        }
    }
}
@include media-breakpoint-only(xs) {
    .post-header {
        padding-top: 3.8rem;
    }
}
//大段html文本控制
.post-content {
    img{
        max-width: 100% !important;
        height: auto !important;
    }
    table{
        max-width: 100% !important;
        height: auto !important;
    }
    .table-overflow{
        overflow:auto;
    }
    font-size: 1rem;
    line-height: 1.7;
}
//教师信息的个人介绍
#teacher-intro{
    p {
        margin-bottom: 0.6rem;
    }
}

